//设置文本省略号显示
@mixin ellipsis($lineCount){
  text-overflow: ellipsis;
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: $lineCount;
  -webkit-box-orient: vertical;
}
@mixin bgimg($url){
  background-image: url($url+"@2x.png");
  @media screen and (-webkit-min-device-pixel-ratio:3) {
    background-image: url($url+"@3x.png");
  }
}

@mixin border-none(){
  position: relative;
  &::after {
    display: none;
  }
}

@mixin border-bottom($scaleY, $color:#d2d2d2) {
  position: relative;
  &::after {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    content: '';
    height: 1px;
    background-color: $color;
    transform:scaleY($scaleY);
  }
}
@mixin border-top($scaleY, $color:#d2d2d2) {
  position: relative;
  &::before {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    height: 1px;
    background-color: $color;
    transform:scaleY($scaleY);
  }
}
@mixin border-right($scaleX, $color:#d2d2d2) {
  position: relative;
  &::after {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    content: '';
    width: 1px;
    background-color: $color;
    transform:scaleX($scaleX);
  }
}
@mixin border-left($scaleX, $color:#d2d2d2) {
  position: relative;
  &::before {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    content: '';
    width: 1px;
    background-color: $color;
    transform:scaleX($scaleX);
  }
}

